<template>
	<view class="">
		<view class="explain-flex">
			<view class="explain-content">等级</view>
			<view class="explain-grains">消费（颗）</view>
			<view class="explain-content">充值优惠</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">白丁</view>
			<view class="explain-grains">0</view>
			<view class="explain-content">99折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">白丁</view>
			<view class="explain-grains">100</view>
			<view class="explain-content">99折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">秀才</view>
			<view class="explain-grains">300</view>
			<view class="explain-content">98折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">举人</view>
			<view class="explain-grains">1000</view>
			<view class="explain-content">99折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">进士</view>
			<view class="explain-grains">2000</view>
			<view class="explain-content">97折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">探花</view>
			<view class="explain-grains">5000</view>
			<view class="explain-content">99折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">榜眼</view>
			<view class="explain-grains">10000</view>
			<view class="explain-content">96折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">状元</view>
			<view class="explain-grains">20000</view>
			<view class="explain-content">95折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">探花</view>
			<view class="explain-grains">50000</view>
			<view class="explain-content">99折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">国师</view>
			<view class="explain-grains">10000</view>
			<view class="explain-content">96折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">天子</view>
			<view class="explain-grains">20000</view>
			<view class="explain-content">98折</view>
		</view>
		<view class="explain-flex">
			<view class="explain-content">帝皇</view>
			<view class="explain-grains">100000</view>
			<view class="explain-content">97折</view>
		</view>
	</view>
</template>

<script>
</script>

<style>
	.explain-flex{
		display: flex;
		margin: 16rpx 50rpx;
	}
	.explain-content{
		width: 30%;
		text-align: center;
		font-size: 35rpx;
		color: #606266;
	}
	.explain-grains{
		width: 30%;
		font-size: 35rpx;
		color: #606266;
	}
</style>